@import '../../common.scss';
.page_v_detail{
    background-color: #000;
    display: flex;
    
     /*  #ifndef  rn  */
    .taro-video{
        height: 100%!important;
    }
    taro-video-control{
        display: none;
    }
    height: 100vh;
     /*  #endif  */
    &_swiper{
       width: 100%;
       height: 300px;
    }
    &_item{
        width: 100%;
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    &_con{
        display:flex;

        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    &_media{
 
        width: 100%;
        display: flex;
    }
    &_title{
        color:#fff
    }
    &_cover{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        /*  #ifndef  rn  */
        bottom:constant(safe-area-inset-bottom); 
        bottom:env(safe-area-inset-bottom); 
        /*  #endif  */
        height: 300px;
        z-index: 10;

    }
}
